@media screen and (max-width: 992px) {
  .bottom .bottom-right .r-bottom .item {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .bottom .bottom-right .r-bottom .item {
    width: 100%;
  }
  .bottom .bottom-right .r-bottom .item .item-top {
    height: 50px;
  }
  .bottom .bottom-right .r-bottom .item .item-top p:nth-child(1) {
    font-size: 16px;
    padding: 10px 0 3px 5px;
  }
  .bottom .bottom-right .r-bottom .item .item-top p:nth-child(2) {
    font-size: 16px;
    padding: 0 0 5px 5px;
  }
  .bottom .bottom-right .r-bottom .item .item-bottom {
    height: 25px;
  }
  .bottom .bottom-right .r-bottom .item .item-bottom p span {
    font-size: 12px;
  }
  .top .top-right .cancel {
    display: none;
  }
  .top .top-right .person {
    margin: 0;
  }
  .top .top-left {
    display: none;
  }
  .bottom .bottom-left {
    display: none;
  }
  .bottom .btn {
    display: block;
  }
}
